<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/left-nav.css">
	<title>Title</title>
</head>
<body>
<!--导航-->
<div class="site-head">
	<div class="container">
		<div class="header-logo">
			<a href="#" title="小米官网" class="logo ir">小米官网</a>
		</div>
		<div class="header-nav">

			<ul class="nav-list">

				<li class="nav-category">
					<a class="link-category"><span>全部商品分类</span></a>
					<!--最左边的菜单列表-->
					<div class="site-category">
						<ul class="site-category-list">
							<li><a class="title">手机 电话卡</a></li>
							<li><a class="title">电视 盒子</a></li>
							<li><a class="title">笔记本 显示器</a></li>
							<li><a class="title">家电 插线板</a></li>
							<li><a class="title">出行 穿戴</a></li>
							<li><a class="title">智能 路由器</a></li>
							<li><a class="title">电源 配件</a></li>
							<li><a class="title">健康 儿童</a></li>
							<li><a class="title">耳机 音箱</a></li>
							<li><a class="title">生活 箱包</a></li>
						</ul>
					</div>
				</li>

				<li class="nav-item">
					<a><span>小米手机</span></a>
				</li>
				<li class="nav-item">
					<a><span>Redmi 红米</span></a>
				</li>
				<li class="nav-item">
					<a><span>电视</span></a>
				</li>
				<li class="nav-item">
					<a><span>笔记本</span></a>
				</li>
				<li class="nav-item">
					<a><span>家电</span></a>
				</li>
				<li class="nav-item">
					<a><span>路由器</span></a>
				</li>
				<li class="nav-item">
					<a><span>智能硬件</span></a>
				</li>
				<li class="nav-item">
					<a><span>服务</span></a>
				</li>
				<li class="nav-item">
					<a><span>社区</span></a>
				</li>
			</ul>
		</div>
	</div>
</div>
<!--图片信息-->
<!--页面最上部发布的新品信息和分类信息-->
<div class="container">
	<div class="home-hero">
		<div class="swiper-container home-hero-swiper swiper-no-swiping swiper-container-fade swiper-container-initialized swiper-container-horizontal">
			<!--五张轮巡图片-->
			<div class="swiper-wrapper" style="transition-duration: 0ms;">
				<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4"
					 style="width: 1226px; transition-duration: 0ms; opacity: 1; transform: translate3d(0px, 0px, 0px);">
					<a target="_blank" href="#" data-settrack="true">
						<img alt="" class="swiper-lazy swiper-lazy-loaded"
							 src="./images/swiper_wrapper1.jpg">
					</a>
				</div>

			</div>
		</div>
	</div>
</div>


</body>
</html>